@charset "utf-8";


/*public*/
.left{float:left;}
.right{float:right;}
.relative{position:relative;left:0;top:0;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.opacity6{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* ie8  */filter:alpha(opacity=60);    /* ie5-7  */opacity:0.6;/* css standard, currently it works in most modern browsers  */}
.app_center{width:100%;min-width:320px;margin-left:0;margin-right:0;}
.red{color:red;}
.c_999{color:#999;}
.pt10{padding-top:10px;}
.hide{display:none;}

/*public scroll*/
.scroll{margin:0px;max-width:720px;}
.scroll_box{overflow:hidden;visibility:hidden;position:relative; width:100%; }
.scroll_wrap{ position:relative;left:0px; top:0px; float:left; width:100%;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_position{position:absolute;z-index:400px;bottom:4px; right:5px;background:#000;padding:0px 4px;height:16px;/*border-radius:26px;*/border-radius:3px;}
.scroll_position li{display:inline-block;width:10px;height:10px;border-radius:10px;background:#fff;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#ffd800;}
.scroll_position_bg0{background:#000;position:absolute;bottom:4px;padding:0 15px 0 15px; left:45%;z-index:380px;height:26px;border-radius:26px;}
.pro-banner{ height:auto;overflow:hidden;margin:0 auto}



/*public*/
.relative2{position:relative;left:0;top:0;}
.clearfix2:before,.clearfix:after{content:"";display:table;}
.clearfix2:after{clear:both;}
.clearfix2{zoom:3;}
.opacity7{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* ie8  */filter:alpha(opacity=60);    /* ie5-7  */opacity:0.6;/* css standard, currently it works in most modern browsers  */}
.app_center2{width:100%;min-width:320px;margin-left:0;margin-right:0;}
.red{color:red;}
.c_999{color:#999;}
.pt10{padding-top:10px;}
.hide{display:none;}

/*public scroll*/
.scroll2{margin:0px; width:100%}
.scroll_box2{overflow:hidden;visibility:hidden;position:relative; width:100%; }
.scroll_wrap2{ position:relative;left:0px; top:0px; float:left; width:100%;}
.scroll_wrap2 li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap2 li a{display:block;margin:0 auto;position:relative;}
.scroll_position2{position:absolute;z-index:400px;bottom:4px; right:5px;background:#000;padding:0px 4px;height:16px;/*border-radius:26px;*/border-radius:3px;}
.scroll_position2 li{display:inline-block;width:10px;height:10px;border-radius:10px;background:#fff;}
.scroll_position2 li a{font-size:0;}
.scroll_position2 li.on{background-color:#ffd800;}
.scroll_position_bg2{background:#000;position:absolute;bottom:4px;padding:0 15px 0 15px; left:45%;z-index:380px;height:26px;border-radius:26px;}
.pro-banner2{ height:auto;overflow:hidden;margin:0 auto}